<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>货位商品信息</title>
    <link rel="stylesheet" href="lib/layui/css/layui.css">
</head>
<script type="text/html" id="bar1">
    <input type="button" class="layui-btn layui-btn-sm"  lay-event="detail" value="拿取">
</script>

<body>

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
    <legend>货位商品信息</legend>
</fieldset>
<form class="layui-form">
    <div class="layui-form-item">
    <div class="layui-inline">
        <label class="layui-form-label">货位名称:</label>
        <div class="layui-inline">
            <div class="layui-input-inline">
                <input  style="width: auto;" value="" type="text" id="goodsAllocationCode" name="goodsAllocationCode"
                        autocomplete="off" placeholder="A-大货区 S-零拣区" class="layui-input">
            </div>
        </div>
    </div>
        <div class="layui-inline">
            <div class="layui-input-inline">
                <button type="button"  id="find" data-type="reload" lay-submit=""lay-filter="find"   class="layui-btn-normal layui-btn">查询/重置</button>
            </div>
        </div>
    </div>

    <div class="layui-form-item">
            <label class="layui-form-label"></label>
        <div class="layui-input-inline">
            <span style="color: red;">注意:查询时会重置已选择的数据，请提交后再进行查询动作</span>
        </div>
    </div>



    <div class="layui-container">
        <div class="layui-tab-item layui-show">
            <table class="layui-table" id="test" lay-filter="test">

            </table>
            <div class="layui-form" action="">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">拿取总数：</label>
                        <div class="layui-input-inline">
                            <input type="text" readonly class="layui-input" id="totalNum" value="" />
                        </div>
                    </div>

                    <div class="layui-inline">
                        <label class="layui-form-label">商品名称：</label>
                        <div class="layui-input-inline">
                            <input type="text" readonly class="layui-input" id="goodsName" value="" />
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">商品规格：</label>
                        <div class="layui-input-inline">
                            <input type="text" readonly class="layui-input" id="spec" value="" />
                        </div>
                    </div>
                </div>
    </div>
    </div>
    </div>
            </form>
            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
                <legend>拣货任务详情</legend>
            </fieldset>
            <form>
                <div class="layui-form" action="">
                    <div class="layui-container">
                        <div class="layui-tab-item layui-show">
                            <table style="width: 350px;" class="layui-table" lay-filter="test2">
                                <colgroup>
                                    <col width="70">
                                    <col width="200">
                                    <col width="80">
                                </colgroup>
                                <thead>
                                <tr>
                                    <th style="text-align: center;">序号</th>
                                    <th style="text-align: center;">货位</th>
                                    <th style="text-align: center;">取货数</th>
                                </tr>
                                </thead>
                                <tbody id="test2">

                                </tbody>
                            </table>

                            <div class="layui-inline">
                                <label class="layui-form-label">当前拿取：</label>
                                <div class="layui-input-inline">
                                    <input type="text" readonly class="layui-input" id="total" value="" />
                                    <input type="hidden" readonly class="layui-input" id="oldTotal" value="" />
                                </div>
                            </div>
                            <div class="layui-inline">
                                <button type="button" class="layui-btn layuiadmin-btn-list" data-type="reload"
                                        id="handin" lay-submit="" lay-filter="handin">
                                    生成明细
                                </button>&nbsp;&nbsp;
                                &nbsp;
                                <span style="color: #5FB878">提醒：建议尽量拿空一个货位，并优先拿未满货位</span>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
</body>
<script src="lib/js/jquery-3.4.1.min.js"></script>
<script src="lib/layui/layui.js"></script>
<script src="lib/js/pickDetail.js"></script>
</html>